<script setup lang="ts">
import GameCard from './game-card.vue';
defineProps<{ games: Array<any>; ownedGameIds: number[] }>();
</script>

<template>
  <div class="mall-game-list">
    <GameCard v-for="game in games" :key="game.id" :game="game" :owned-game-ids="ownedGameIds" />
  </div>
</template>

<style scoped>
.mall-game-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  padding: 0;
}
</style>
